<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css引入方式</title>
		<style>
			h3{
				color: green;  /*字体颜色*/
				font-size: 36px;  /*字体大小*/
				text-align:center;  /* 文本居中显示*/
			}
			h1{
				color:green
			}
			bigfont{   /*类名*/
				font-size:66px;
			}
		</style>
		<link href="css/font-style.css" rel="stylesheet" />
	</head>
	<body>
		<!--
		css:层叠样式表
		三种引入方式
		1：内联样式:在开始标签中加入style属性，在属性中书写样式
		2：内部样式：在html文件的head标签中加入style标签，在style标签中书写样式
		3：外部样式：
			step1:创建css文件,书写样式
			step2:在html文件的head标签中用link标签关联样式文件
			内联优先级最高，谁离标签最近谁的优先级最高
		-->
		<!--
		选择器
		1.标签选择器
		2.类选择器
		3.id选择器
		-->
		<h1 style="color: red; font-size: 38px; ">古诗中文网</h1>
		<h3 >蒹葭</h3>
		<p>蒹葭苍苍，白露为霜</p>
		<p>所谓伊人，在水一方</p>
	</body>
</html>
